// dialog
.wbh-dialog {
	.t-dialog {
		border-radius: var(--td-radius-default);
		border: 0;

		&--default {
			padding: 0;
		}

		&__header {
			background-color: @bg-color-page;
			padding: var(--td-size-6);
		}
		&__body__icon {
			padding: var(--td-size-8) var(--td-size-6);
		}
		&__footer {
			background-color: @bg-color-page;
			padding: var(--td-size-4) var(--td-size-6);

			div {
				display: flex;
				justify-content: end;
				flex-flow: row-reverse;
        .t-button + .t-button {
          margin-right: var(--td-size-6);
        }
			}
		}
	}
}
